// @import 'reset.scss';
@import 'reset';
@import 'header';
@import 'footer';
section{
    width: 100%;
    .banner{
        width: 100%;
        border-bottom: 2px solid #dfe0e2;
        .bann{
            position: relative;
            width: 1200px;
            height: 680px;
            // background-color: deepskyblue;
            margin: 0 auto;
            .lunbo{
                position: absolute;
                top: 0;
                left: 50%;
                width: 1920px;
                height: 680px;
                margin-left: -960px;
            }
        }
    }
    
    .select{
        width: 940px;
        height: 618px;
        margin: 100px auto;
        // background-color: firebrick;
        .select1{
            width: 940px;
            height: 294px;
            margin-bottom: 30px;
            display: flex;
            justify-content: space-between;
            .c1{
                display: block;
                width: 500px;
                height: 294px;
                box-shadow: 0 0 10px 5px #fdf3f5;
                background-image: url(../images/img1.jpg);
                &:hover{
                    box-shadow: 0 0 10px 10px #f0cbf1; 
                }
            }
            .c2{
                display: block;
                width: 410px;
                height: 294px;
                box-shadow: 0 0 10px 5px #fdf3f5;
                background-image: url(../images/img2.jpg);
                &:hover{
                    box-shadow: 0 0 10px 10px #f0cbf1; 
                }
            }
        }
        .select2{
            width: 940px;
            height: 294px;
            display: flex;
            justify-content: space-between;
            .c3{
                display: block;
                width: 294px;
                height: 294px;
                box-shadow: 0 0 10px 5px #fdf3f5;
                background-image: url(../images/img3.jpg);
                &:hover{
                    box-shadow: 0 0 10px 10px #f0cbf1; 
                }
            }
            .c4{
                display: block;
                width: 294px;
                height: 294px;
                box-shadow: 0 0 10px 5px #fdf3f5;
                background-image: url(../images/img4.jpg);
                &:hover{
                    box-shadow: 0 0 10px 10px #f0cbf1; 
                }
            }
            .c5{
                display: block;
                width: 294px;
                height: 294px;
                box-shadow: 0 0 10px 5px #fdf3f5;
                background-image: url(../images/img5.jpg);
                &:hover{
                    box-shadow: 0 0 10px 10px #f0cbf1; 
                }
            }
        }
    }
    .string{
        width: 100%;
        border-top: 2px solid #eaeaea;
        border-bottom: 2px solid #eaeaea;
    }
    .best-choice{
        width: 1200px;
        height: 666px;
        margin: 100px auto 70px;
        // background-color: greenyellow;
        .best{
            margin: 0 auto;
            position: relative;
            width: 270px;
            height: 172px;
            background-image: url(../images/section_title_bg.png);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: 50%;
            p{
                color: #e9546b;
                text-align: center;
            }
            .cn{
                height: 26px;
                padding-top: 68px;
                line-height: 26px;
                font-size: 26px;
            }
            .en{
                height: 18px;
                margin-top: 20px;
                line-height: 18px;
                font-size: 18px;
            }
        }
        .content{
            width: 1200px;
            height: 410px;
            // background-color: hotpink;
            margin-top: 84px;
            position: relative;
            .clearfix{
                zoom: 1;
            }
            .contents{
                width: 1200px;
                height: 410px;
                
                .li1{
                    position: relative;
                    float: left;
                    width: 291px;
                    height: 400px;
                    margin: 0 12px 10px 0;
                    overflow: hidden;
                    // background-color: indianred;
                    .imgg{
                        position: relative;
                        width: 291px;
                        height: 291px;
                        overflow: hidden;
                        .link{
                            display: block;
                            position: relative;
                            width: 100%;
                            height: 100%;
                            background-image: url(../images/imgs1.jpg);

                        }
                    }
                    .p1{
                        font-size: 14px;
                        padding: 14px 0 11px 18px;
                        color: #b5b5b5;
                    }
                    .p2{
                        margin-left: 18px;
                        color: #635859;
                        .p21{
                            font-size: 14px;
                        }
                    }
                    .p3{
                        padding-top: 10px;
                        color: #e9546b;
                        margin-left: 18px;
                        font-size: 14px;
                    }
                    
                }
                .li2{
                    position: relative;
                    float: left;
                    width: 291px;
                    height: 400px;
                    margin: 0 12px 10px 0;
                    overflow: hidden;
                    // background-color: indianred;
                    .imgg{
                        position: relative;
                        width: 291px;
                        height: 291px;
                        overflow: hidden;
                        .link{
                            display: block;
                            position: relative;
                            width: 100%;
                            height: 100%;
                            background-image: url(../images/imgs2.jpg);

                        }
                    }
                    .p1{
                        font-size: 14px;
                        padding: 14px 0 11px 18px;
                        color: #b5b5b5;
                    }
                    .p2{
                        margin-left: 18px;
                        color: #635859;
                        .p21{
                            font-size: 14px;
                        }
                    }
                    .p3{
                        font-size: 14px;
                        padding-top: 10px;
                        color: #e9546b;
                        margin-left: 18px;
                    }
                }
            }
        }
    }
    .bests3{
        display: block;
        width: 1200px;
        height: 250px;
        margin: 0 auto;
        margin-bottom: 50px;
        a{
            width: 398px;
            height: 248px;
            float: left;
            border: 1px solid #f0f0f0;
        }
        .bests31{
            background-image: url(../images/img6.jpg);
        }
        .bests32{
            background-image: url(../images/img7.jpg);
        }
        .bests33{
            background-image: url(../images/img8.jpg);
        }
    }
}